<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>SACPE 2015</title>
                <h:outputStylesheet name="css/jsfcrud.css"/>
            </f:facet>
        </h:head>

        <h:body>
            <div>
                <h:graphicImage url="images/logo.png" alt="Logo"  style="vertical-align: top;"/> 
            </div>
            <h:form id="formLogin">  
                <p:panel id="panel">                    
                    <div align="center"> 
                        <p:messages showDetail="true" /> 
                        <p:panelGrid id="pnlLogin" columns="2"> 
                            <f:facet name="header">  
                                Bienvenido a SACPE 2015  
                            </f:facet> 
                            <h:outputText value="Usuario:"/>
                            <p:inputText id="txtUsuario" binding="#{usuarioVista.txtIdUsuario}"  />

                            <h:outputText value="Contraseña:"/>
                            <p:password id="passUsuario" binding="#{usuarioVista.txtPassword}" /> 

                            <f:facet name="footer"> 
                                <div align="center"> 
                                    <p:commandButton id="btnIngresar" action="#{usuarioVista.ingresar_action}" value="Ingresar" update="panel" />  
                                    <p:commandButton id="btnLimpiar" action="#{usuarioVista.cerrarSesion_action}" value="Limpiar" update="panel" />
                                </div>
                            </f:facet>  
                        </p:panelGrid> 
                    </div>   
                </p:panel>                
            </h:form>
        </h:body>

































































    </f:view>
</html>

